<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Website Quản Lý Hoạt Động Đoàn</title>
<!-- Link online -->
<!-- <link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/plug-ins/380cb78f450/integration/bootstrap/3/dataTables.bootstrap.css">
		<script type="text/javascript" language="javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/1.10.3/js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" language="javascript" src="//cdn.datatables.net/plug-ins/380cb78f450/integration/bootstrap/3/dataTables.bootstrap.js"></script> -->
<!-- /Link online-->
<!-- Link local -->
<script type="text/javascript" language="javascript" src="js/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css"
	href="css/dataTables.bootstrap.css">
<script type="text/javascript" language="javascript"
	src="js/bootstrap.min.js"></script>
<script type="text/javascript" language="javascript"
	src="js/jquery-1.10.2.min.js"></script><!-- 
<script type="text/javascript" language="javascript"
	src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript"
	src="js/dataTables.bootstrap.js"></script> -->
<!-- /Link local -->
</head>

<body>
	<div class="container">
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default" role="navigation">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span><span
								class="icon-bar"></span><span class="icon-bar"></span><span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" style="color: blue;">ĐOÀN KHOA</a>
					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li><a href="#">TRANG CHỦ</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">QUẢN LÝ VĂN BẢN<strong class="caret"></strong></a>
								<ul class="dropdown-menu">
									<li><a href=";#">VĂN BẢN CHỜ DUYỆT</a></li>
									<li><a href="#">.....</a></li>
								</ul></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">QUẢN LÝ HOẠT ĐỘNG<strong
									class="caret"></strong></a>
								<ul class="dropdown-menu">
									<li class="active"><a href=";#">Danh Sách Hoạt Động</a></li>
									<li><a href="#">Thêm Hoạt Động</a></li>
									<li><a href="#">Đánh giá hoạt động</a></li>
									<li class="divider"></li>
									<li><a href="#">Tổng kết</a></li>
								</ul></li>

							<li><a href="#">ĐỔI MẬT KHẨU</a></li>
						</ul>
						<ul class="nav navbar-nav navbar-right">
							<li><a href="#">THOÁT</a></li>
						</ul>
					</div>
				</nav>
				<div class="container">
					
					<hr>
					<h4>Thông tin đoàn viên</h4>
					<hr/>
					<h2>DANH SÁCH HOẠT ĐỘNG</h2>
					<br />					
					<h3>Năm học 2013-2014</H3>
					<table id="listHoatDong" class="table table-striped table-bordered"
						cellspacing="0" width="100%">
						<thead>
							<tr>
								<th width="70px">Mã HĐ</th>
								<th width="250px">Tên Hoạt Động</th>
								<th width="50px">Thời gian Đăng Ký</th>
								<th width="50px">ĐVTC</th>
								<th width="80px">Điểm</th>
								<th width="80px">Vai Trò</th>
								<th width="80px">Ghi Chú</th>
							</tr>
						</thead>
						<tbody id="tbody">
							<tr>
								<td>HD2014-01</td>
								<td>Chủ Nhật Xanh</td>
								<td>22-10-2014</td>
								<td>Đoàn Khoa</td>
								<td>8</td>
								<td>BTC</td>
								<td></td>
							</tr>
							<tr>
								<td>HD2014-01</td>
								<td>Chủ Nhật Xanh</td>
								<td>22-10-2014</td>
								<td>Đoàn Khoa</td>
								<td>8</td>
								<td>BTC</td>
								<td></td>
							</tr>
							<tr>
								<td>HD2014-01</td>
								<td>Chủ Nhật Xanh</td>
								<td>22-10-2014</td>
								<td>Đoàn Khoa</td>
								<td>8</td>
								<td>BTC</td>
								<td></td>
							</tr>
						</tbody>
					</table>
					<br/>
					<h3>Năm học 2014-2015</H3>
					<table id="listHoatDong" class="table table-striped table-bordered"
						cellspacing="0" width="100%">
						<thead>
							<tr>
								<th width="70px">Mã HĐ</th>
								<th width="250px">Tên Hoạt Động</th>
								<th width="50px">Thời gian Đăng Ký</th>
								<th width="50px">ĐVTC</th>
								<th width="80px">Điểm</th>
								<th width="80px">Vai Trò</th>
								<th width="80px">Ghi Chú</th>
							</tr>
						</thead>
						<tbody id="tbody">
							<tr>
								<td>HD2014-01</td>
								<td>Chủ Nhật Xanh</td>
								<td>22-10-2014</td>
								<td>Đoàn Khoa</td>
								<td>8</td>
								<td>BTC</td>
								<td></td>
							</tr>
							<tr>
								<td>HD2014-01</td>
								<td>Chủ Nhật Xanh</td>
								<td>22-10-2014</td>
								<td>Đoàn Khoa</td>
								<td>10</td>
								<td>Thành viên</td>
								<td></td>
							</tr>
							<tr>
								<td>HD2014-01</td>
								<td>Chủ Nhật Xanh</td>
								<td>22-10-2014</td>
								<td>Đoàn Khoa</td>
								<td>10</td>
								<td>Thành viên</td>
								<td></td>
							</tr>
						</tbody>
					</table>
					<hr>
					<div class="row">
						<div class="col-xs-12">
							<footer>
								<p>&copy;Tieu luan chuyen nganh M-B</p>

							</footer>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>